    <md-bottom-sheet ng-cloak>
        <div class="order-details container">
            <div class="top-title text-center">
                <h1>小包·4小时芝华士包套</h1>
                <!-- <a href="" class="fr">
                    <img src="img/close.png" alt="">
                </a> -->
                <small>白天档10:00-18:00包段可欢唱至18:00，最长可唱8小时</small>
            </div>
            <div class="article start-time">
                <h2>开唱时间</h2>
                <ul>
                    <li><p>17:30</p></li>
                    <li class="active"><p>17:30</p></li>
                    <li><p>17:30</p></li>
                    <li><p>17:30</p></li>
                    <li><p>17:30</p></li>
                    <li><p>17:30</p></li>
                    <li><p>17:30</p></li>
                    <li><p>17:30</p></li>
                    <li><p>17:30</p></li>
                    <li><p>17:30</p></li>
                </ul>
            </div>
            <div class="article theme">
                <h2>主题选择</h2>
                <!-- <small>主题选择仅供参考，具体包厢调配以商家最终指定为准</small>
                <ul>
                    <li><p>多啦B梦</p></li>
                    <li class="active"><p>多啦C梦</p></li>
                    <li><p>多啦D梦</p></li>
                    <li><p>多啦E梦</p></li>
                    <li><p>多啦F梦</p></li>
                    <li><p>多啦G梦</p></li>
                </ul> -->
                <p class="text-center">该KTV暂不提供主题包厢</p>
            </div>
            <div class="article text-center intro">
                <h2>餐饮明细</h2>
                <!-- <p>含啤酒*12，爆米花*1</p> -->

                <p class="text-center">该活动暂不提供餐点</p>
            </div>
            <div class="article illustrate">
                <h2>活动说明</h2>
                <p>
                1、含啤酒*12，爆米花*1
                2、含啤酒*12，爆米花*1
                3、含啤酒*12，爆米花*1
                </p>
            </div>
        </div>
        <div class="fixed-footer">
            <button class="waves-effect waves-light">¥ 268.00 提交订单</button>
        </div>
    </md-bottom-sheet>
